﻿@charset "utf-8";

/*
**重置样式
*/

body{font-family:"Microsoft YaHei" !important;}
ul, ol{list-style:none;}
ul,li, dl{margin:0; padding:0;}
.container{width:100%;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:"Microsoft YaHei";}
.panel-body .table{margin-bottom:0;}
.margin-bottom{ margin-bottom: 8px;}
.panel-body{ position:relative;}
.edui-editor *{ -webkit-box-sizing:content-box; box-sizing:content-box; }
/*
**导航
*/
.position a{margin-right:8px; margin-bottom:10px; color:#666;}
.action{ background:#777; padding:8px 15px; margin:0 0 10px 0; border-radius:4px;}
.action span{ color:#f9f9f9;}
.action a{ display:inline-block; margin:0 10px; color:#fff;}
.breadcrumb{margin-bottom:10px;}
.breadcrumb li:nth-of-type(2)::before{content:"";}


/*
**提示类，只让字变了颜色，最简单的需求下使用
*/
.tip, .Validform_checktip{padding: .2em .6em .3em; font-size: 75%; font-weight: bold;line-height: 1;}
.tip-default{color:#999;}
.tip-primary{color:#428BCA;}
.tip-success, .Validform_right{color:#5CB85C;}
.tip-info{color:#5BC0DE;}
.tip-waring{color:#F0AD4E;}
.tip-danger, .Validform_wrong{color:#D9534F;}

/*
**分页 pagination
*/
.table>thead>tr>th, 
.table>tbody>tr>th, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>tbody>tr>td, 
.table>tfoot>tr>td{
	vertical-align:middle;
}
.table > tfoot > tr > td{
	border-top:none;
}
.table > thead > th{
	width:10%;
}
.pagination{
	margin:0;
}
.pagination > div{
	border-radius:4px;
	overflow:hidden;
}
.pagination > div a, 
.pagination > div span{ 
	position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}
.pagination > div > a:first-child{
	margin-left:0;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}
.pagination > div > a:last-child{
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.pagination > div > a:hover, 
.pagination > div > span:hover, 
.pagination > div > a:focus, 
.pagination > div > span:focus {
    background-color: #eee
}
.pagination > div > .current, 
.pagination > div > .current:hover{
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca
}

/*
** 表情
*/
.reply-txt{
	position:relative;
}
.reply-txt .icon-emtion{
	background:transparent url(../images/icon_msgsender.png) no-repeat 0 -282px;
	vertical-align:middle;
	width:28px;
	height:28px;
	display:inline-block;
}
.reply-txt .icon-emtion:hover{
	background-position:-31px -282px;
}
.reply-txt ul.emtions{
	position:absolute;
	top:100%;
	left:10px;
	width:406px;
	overflow:hidden;
	z-index:10;
	border-top:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
}
.emtion-item{
	float:left;
	line-height:27px;
	height:27px;
	font-size:0;
	text-align:center;
	width:27px;
	border-bottom:1px solid #d3d3d3;
	border-left:1px solid #d3d3d3;
	background:#fff;
}
.emtion-item i{
	display:inline-block;
	cursor:pointer;
	height:24px;
	width:24px;
	vertical-align:middle;
	background:transparent url(../images/emotion.gif) no-repeat 0 0;
}
.emtion-item:hover{
	border:1px solid #E4007F;
	position:relative;
}


/*
** 图文素材列表选择
*/
#news{display:none; position:absolute; right:20px; top:80px;background:#f3f3f3; border:1px solid #ccc; border-radius:5px; height:600px; overflow:scroll;}
.news-item{ position:relative; background:#fff; width:320px; padding:5px 10px; margin:10px; cursor:pointer;}
.news-item .news-image{ width:300px; height:160px; overflow:hidden;}
.news-item .news-image img{ width:100%;}
.news-item .news-mask{ display:none; position:absolute; top:0; left:0; bottom:0; right:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:1;}
.news-item .icon-news-selected{ display:none; position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-33px; z-index:2; background: transparent url(../images/icon_news_selected.png) no-repeat 0 0; width:75px; height:60px;}
.news-item.selected .news-mask{ display:block;}
.news-item.selected .icon-news-selected{ display:inline-block;}
#news-lists{cursor:default;}
.news-lists .get-more-news{ display:block; line-height:30px; text-align:center;}

#news-result{ border:1px solid #ccc; width:340px; border-radius:5px; min-height:50px;}
.news-edit-item{ position:relative; background:#fff; width:338px; padding:5px 10px; cursor:pointer;}
.news-edit-item1 .news-image{ width:318px; height:160px; overflow:hidden;}
.news-edit-item1 .news-image img{ width:100%;}
.news-edit-item2{ border-top:1px solid #d3d3d3;}
.news-edit-item2::after{ content:"\200B"; display:block; height:0; clear:both;}
.news-edit-item2 .news-title{ float:left; over:hidden; width:220px; max-height:48px;}
.news-edit-item2 .news-title h4{ font-size:14px;}
.news-edit-item2 .news-image{ float:right; width:80px; height:80px; overflow:hidden;}
.news-edit-item2 .news-image img{ width:80px;}
.news-edit-item2 .news-mask,
.news-edit-item1 .news-mask{display:none; position:absolute; top:0; bottom:0; left:0; right:0; background:#eee; opacity:0.7; filter:alpha(opacity=70);}
.news-edit-item2 .icon-news-selected,
.news-edit-item1 .icon-news-selected{display:none; position:absolute; top:50%; left:50%; margin-left:-15px; margin-top:-15px; width:30px; height:30px; background:url("../images/remove.png") no-repeat 0 0;}